var fn={
    swiper:null,
    swiper2:null,
    width:$(window).width()/2,
    init:function () {
        var initName=$(".swiper-container .swiper-slide").eq(0).find(".name").text();
        $(".case-name .text").text(initName); //首页同步作品标题到中间按钮；
        $(".case-name").hover(function () {
            $(this).stop().animate({
                width:'216px',
                height:'84px',
                marginLeft:'-108px',
                bottom:'108px',
                lineHeight:'84px'
            })
        },function () {
            $(this).stop().animate({
                width:'180px',
                height:'70px',
                marginLeft:'-90px',
                bottom:'115px',
                lineHeight:'70px'
            })
        });
        $(".swiper-container2").css("left",this.width+'px');//设置首页banner导航位置
        $(".logo").click(function (e) { //logo点击事件
         /*   $(".btn").show().css({
                'left': e.pageX - 18 + 'px',
                'top': e.pageY - 18 + 'px'
            });*/
         console.log("1");
            setTimeout(function () {
                $(".btn").hide();
                fn.menu_animate()
            },500)

        });
        $(".back-top").click(function () { //回到顶部
            $("body,html").animate({
                scrollTop:0
            })
        });
        $(".page_3 .product-list ul li").each(function () { //作品列表页鼠标特效
            $(this).hover(function () {
                $(this).find(".hover").animate({
                    bottom:0
                })
            },function () {
                $(this).find(".hover").animate({
                    bottom:'-100%'
                })
            })
        });
        $(".page_2 .product-info-img .swiper-slide").each(function () {//同步作品详情页作品图片对应右边圆圈
            var marginBottom=($(window).height()-400)/$(".page_2 .product-info-img .swiper-slide").length;
            var line=`<div class="line-slide" style="margin-bottom: ${marginBottom}px"><div></div></div>`; //设置圆圈间距
            $(".page_2_line .line-box").append(line);
        });

        this.banner();
    },
    page_1_animate:function () {

        $(".line .swiper-container2,.case-name").removeClass("fadeOutDownBig").addClass("fadeInUpBig");
        setTimeout(function () {
            fn.swiper.startAutoplay();
        },1000)
    },
    page_1_leave_animate:function () {
        $(".swiper-container2,.case-name").removeClass("fadeInRightBig").addClass("fadeOutDownBig");
        setTimeout(function () {
            $(".page_1,.language").hide();
            $(".page_2").show();
        },500)

    },
    banner:function () {
        this.swiper = new Swiper('.swiper-container', {
            paginationClickable: true,
            autoplay : 3000,
            onSlideChangeStart:function (){
                var index=fn.swiper.activeIndex;
                var name=$(".swiper-container .swiper-slide").eq(index).find(".name").text();
                $(".case-name .text").text(name);
                $(".swiper-container2").animate({
                    'left':(fn.width-(index*(191+16)))+'px'
                });
                var productInfoImg=$(".page_2 .swiper-container3 .swiper-slide").eq(0).find("img");



            }
        });
        $(".swiper-container2 .swiper-slide").each(function () {
            $(this).click(function () {

                var index=$(this).index();
                console.log(index)
                fn.swiper.slideTo(index)
            });
            $(this).hover(function () {
                $(this).find("div").animate({
                    left: "-100%",
                    width: "300%",
                    height: "300%",
                    top: '-100%'
                })
            },function () {
                $(this).find("div").animate({
                    left: "0%",
                    width: "100%",
                    height: "100%",
                    top: '0%'
                })
            })
        });
        $(".case-name").click(function (e) {
            fn.swiper.stopAutoplay();
           /* $(".btn").show().css({
                'left': e.pageX - 18 + 'px',
                'top': e.pageY - 18 + 'px'
            });*/
            setTimeout(function () {
                $(".btn").hide();
                fn.page_1_leave_animate();
                setTimeout(function () {
                    window.location.href="productInfo.html"
                },500)
            },500);
        })
    },
    banner3:function () {
        this.swiper2 = new Swiper('.swiper-container3', {
            direction: 'vertical',
            mousewheelControl: true,
            onSlideChangeStart:function (){
                var index=fn.swiper2.activeIndex;
                if(index!=0){
                    $(".product-info-introduce").hide()
                }else {
                    $(".product-info-introduce").show()
                }
                $(".active-box").animate({
                    'top':(index*(parseFloat($(".page_2_line .line-box .line-slide").css("marginBottom"))+parseFloat($(".page_2_line .line-box .line-slide").css("height")))-12)+'px'
                })

            }
        });
        $(".page_2_line .line-slide").each(function () {
            $(this).click(function () {

                var index=$(this).index();
                console.log(index)
                fn.swiper2.slideTo(index)
            });

        });
    },
    page_2_animate:function () {

        /* logo*/
        $(".logo").animate({
            width:'30px'
        },500)
        /* 关闭按钮*/
        setTimeout(function () {
            $(".close").show().css("opacity",1).addClass("fadeInRightBig");
            $(".line-box").show().addClass("fadeInRightBig");

        },0);
        /* 作品详情*/
        setTimeout(function () {
            $(".product-info-introduce .title").css("opacity",1).addClass("fadeInUpBig")
        },0);
        setTimeout(function () {
            $(".product-info-introduce .label").css("opacity",1).addClass("fadeInUpBig")
        },400);
        setTimeout(function () {
            $(".product-info-introduce .introduce").css("opacity",1).addClass("fadeInUpBig")
        },800);
        setTimeout(function () {
            fn.banner3();
        },1400)

    },
    page2_animate_leave:function () {

    },
    menu_animate:function () {
     //   fn.swiper.stopAutoplay();
        $(".menu").animate({
            left:"0"
        })
        setTimeout(function () {
            $(".menu .li_1").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },0);
        setTimeout(function () {
            $(".menu .li_2").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },100);
        setTimeout(function () {
            $(".menu .li_3").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },200);
        setTimeout(function () {
            $(".menu .li_4").show().removeClass("fadeOutLeftBig").addClass("fadeInLeftBig")
        },300);
        $(".close_menu").click(function (e) {

        /*    $(".btn").show().css({
                'left': e.pageX - 18 + 'px',
                'top': e.pageY - 18 + 'px'
            });*/
            setTimeout(function () {
                $(".btn").hide();
                fn.menu_animate_leave();
            },500);

        });
    },
    menu_animate_leave:function () {
     //   fn.swiper.startAutoplay();
        setTimeout(function () {
            $(".menu .li_1").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },0);
        setTimeout(function () {
            $(".menu .li_2").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },100);
        setTimeout(function () {
            $(".menu .li_3").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },200);
        setTimeout(function () {
            $(".menu .li_4").removeClass("fadeInLeftBig").addClass("fadeOutLeftBig")
        },300);
        $(".menu").animate({
            left:"-55%"
        },1000)
    },
    page_3_animate:function () {

    }
};
fn.init();/**
 * Created by Administrator on 2017/7/23.
 */
